<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			/* 后代选择器 派生  空格 */
			
			
			
		d1  dd{
			color: #d265;
			background: #d265;
		}	
			ul li{
				background-color: #d265;
			}
		ul.qy{
			font-size: 50px;
			color: white;
		}
			
			#nav div  div  del {
				font-size: 20px;
				color: #d265;
				background-color: black;
			}
			
			.ftooer div div div s{
				font-size: 36px;
					color: #d265;
					background-color: pink;
				}
			}
			
			
			
			
			
			
	</head> 
	
	<  body>
		
		
		
		
		<div class="ftooer">
			<div><div><div><s>删除线</s> <span>行内元素</span>  </div></div></div>
			<div><s>删除线</s></div>
			e
			
			
			
		</div>
		
		
		
		
			<div id="nav">
			
			<span>这是第一个段落</span>
			<div> <p>第一个段落 </p>  <div><del>删除线</del> <div></div>
		<div><p>这是第2个段落</p></div>
		</div>
		
		
		
		
		
		<!-- 块元素;定义列表 -->
		<dl>
			
			<dt>图片1</dt>
			<dd>解释小图片</dd>
		</dl>
		<ul>
			<li>窗外</li>
			<li class="qy">情深深雨蒙蒙</li>
			<li class="qy" >还珠格格</li>
			<li>一帘幽梦</li>
		</ul>
	</body>
</html>